<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="stylesheet" href="k/personalLevel/personalLevel.css" />
		<link rel="stylesheet" href="k/personalLevel/footer.css" />
		<link rel="stylesheet" href="k/personalLevel/header.css" />
	</head>
	<body>
		<!--页头-->
		<div class="body-header">
			<!--页头部分-->
				<div class="header-container" id="header-container">
					<div id="top-nav" class="top-nav">
						<div class="top-nav-container clearfix">
							<div class="group mini-logo Hide">
								<a target="_blank" class="item" href="#">
									<i class="icon-logo"></i>
									大众点评首页
								</a>
							</div>
							<div class="group quick-menu">
								<a class="item write-dp" href="#">写点评</a>
								<span class="seprate">|</span>
								<span class="login-container J-login-container">
									<c:if test="${empty userinfos}"> 
										<a class="item" href="#">你好，请登录</a>
										<a class="item login" href="#">免费注册</a>
									</c:if>
									<c:if test="${not empty userinfos}">
										<a class="item" href="#">${userinfos.username},&nbsp你好</a>
										<a class="item" href="exit" style="padding-left:0px ;">退出</a>
									</c:if>
								</span>
								<span class="seprate">|</span>
								<a href="#" class="item1 J-my-center-trigger">
									个人中心
									<i class="icon i-arrow"></i>
								</a>
								<span class="seprate">|</span>
								<a target="_blank" class="item2 J-shop-serve-trigger">
									商户服务
									<i class="icon i-arrow"></i>
								</a>
								<span class="seprate">|</span>
								<a target="_blank" class="item3 J-help-trigger">
									帮助中心
									<i class="icon i-arrow"></i>
								</a>
								<span class="seprate">|</span>
								<!--<a target="_blank" class="item J-brower-trigger">
									最近浏览
									<i class="icon i-arrow"></i>
								</a>
								<span class="seprate">|</span>-->
								<a target="_blank" class="item4 J-site-trigger">
									网站导航
									<i class="icon i-arrow"></i>
								</a>
							</div>
							<div class="panel panel1 my-center J-my-center-target Hide" style="top: 33px; left: 845.5px; width: 101.5px;">
								<a href="#" target="_blank">我的点评</a>
								<a href="#" target="_blank">我的收藏</a>
								<a href="#" target="_blank">我的团购</a>
								<a href="#" target="_blank" class="my-center-item">我的部落</a>
								<a href="#" target="_blank">我的订座</a>
								<a href="#" target="_blank">我的设置</a>
							</div>
							<div class="panel panel2 my-center J-shop-serve-target Hide" style="top: 33px; left: 951.6px; width: 102px;">
								<a href="#" target="_blank">商户中心</a>
								<a href="#" target="_blank">商户合作</a>
								<a href="#" target="_blank" class="shop-item">旺铺宝</a>
								<a href="#" target="_blank">招募餐饮代理</a>
								<a href="#" target="_blank">招募非餐饮代理</a>
							</div>
							<div class="panel panel3 my-center J-help-target Hide" style="top: 33px; left: 1058.5px; width: 102px;">
								<a href="#" target="_blank">联系客服</a>
								<a href="#" target="_blank">规则中心</a>
							</div>
						</div>	
			       </div>
			   </div>
		</div>
		<!--页中-->
		<div class="body-container">
			<div class="body-personcenter">
				<div class="body-left">
					<a>
						<img src="k/img/personalLevel/burger.png"/>
					</a>
					<div class="pic-down">
						<a href="personal.jsp">
							<i class="set"></i>
							设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</a>


						<a href="homepage">
							<i class="pic-page"></i>
							主页
						</a>
						<div class="pic-upload"><a href="personal.jsp">上传头像</a></div>
					</div>
				</div>
				<div class="body-right">
					<div class="tit">
						<h2><a href="#">${userinfos.username}</a></h2>
						<span class="ranks" title="贡献值0"></span>
					</div>
					<div class="progress">

						<span class="progre-name"><fmt:formatNumber value="${userinfos.integral/100}" maxFractionDigits="0"/>星</span>
						<div class="fullbar">
							<div class="processbar" style='width:${userinfos.integral%100}%'></div>
						</div>
						<img id="signbtn" src="k/img/personalLevel/qiandao.png">
						<span class="proge">
							<i class="progre-cur" style="width: 0%"></i>
						</span>

						<span class="proger-name"><fmt:formatNumber value="${userinfos.integral/100+1}" maxFractionDigits="0"/>星</span>
						<!--<span class="progress-tips" style="display: none">
							还差10分可升级
						</span>-->
					</div>
					<div class="info">贡献值
						<strong class="clo-tips">
							<a href="#">0</a>
						</strong>
						<a href="#">详情</a>
						<em class="info-line">|</em>
						D币：
						<strong class="clo-tips"></strong>
						<a href="#">兑换中心</a>
						<em>|</em>
						社区等级：学龄前
						<strong>(0)</strong>
					</div>
					<div class="user-name">
						<a href="#">全部徽章»</a>
					</div>
				</div>
			</div>
		</div>
		<!--页脚-->
		<div class="footer-container">
			<div id="channel-footer" class="channel-footer">
				<p class="links">
					<a href="#" target="_blank" rel="nofollow">关于大众点评</a>"|"
					<a href="#" target="_blank" rel="nofollow">诚信公约</a>"|"
					<a href="#" target="_blank" rel="nofollow">网站帮助</a>"|"
					<a href="#" target="_blank" rel="nofollow">网站地图</a>"|"
					<a href="#" target="_blank" rel="nofollow">推广服务</a>"|"
					<a href="#" target="_blank" rel="nofollow">媒体报道</a>"|"
					<a href="#" target="_blank" rel="nofollow">人才招聘</a>"|"
					<!--新增footer links-->
					<span class="links-container">
						<a href="" class="ext-links" rel="nofollow">最新咨询</a>"|"
					</span>
					<a href="" target="_blank">外卖订餐</a>"|"
					<a href="" target="_blank" rel="nofollow">站务论坛</a>"|"
					<a href="" target="_blank" rel="nofollow">联系我们</a>"|"
					<a href="" target="_blank" rel="nofollow">开发者</a>"|"
					<a href="" target="_blank" rel="nofollow">聚宝盆餐饮开放平台</a>
				</p>
				<p class="rights">
					<span style="margin-right:10px;">
						©2003-2017 dianping.com, All Rights Reserved.
					</span>
					<span>
						本站发布的所有内容，未经许可，不得转载，详见
						<a href="#" rel="nofollow" class="G">《知识产权声明》</a>
						。
					</span>
				</p>
			</div>
		</div>
	</body>
	
	<script type="text/javascript" src="k/lib/jQuery/jquery-3.2.1.min.js" ></script>
	<script type="text/javascript" src="k/personalLevel/personalLevel.js" ></script>
</html>
